<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><?php echo $title?></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="<?php echo base_url('css/bootstrap.min.css');?>">
        <style>
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
        </style>
        <link rel="stylesheet" href="<?php echo base_url('css/bootstrap-responsive.min.css');?>">
        <link rel="stylesheet" href="<?php echo base_url('css/jquery-ui-1.8.23.custom.css');?>">        
        <link rel="stylesheet" href="<?php echo base_url('css/main.css');?>">

        <script src="<?php echo base_url('js/vendor/modernizr-2.6.1-respond-1.1.0.min.js');?>"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="<?php echo base_url('js/vendor/jquery-1.8.0.min.js');?>"><\/script>')</script>

        <script src="<?php echo base_url('js/vendor/bootstrap.min.js');?>"></script>
        <script src="<?php echo base_url('js/vendor/jquery-ui-1.8.23.custom.min.js');?>"></script>
        <script src="<?php echo base_url('js/jquery.timepickr.js');?>"></script>
        <script src="<?php echo base_url('js/plugins.js');?>"></script>

    </head>
    <body>

        <!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->

        <div class="<?php echo $navbar_style?> <?php echo $navbar_inverse_style?> navbar-fixed-top">
            <div class="<?php echo $navbar_inner_style?>">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">Kivaou</a>
                    
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li><a href="#about">A propos</a></li>
                            <li><a href="#contact">Contact</a></li>
							<?php $this->load->view($navbar_content);?>                            
                    </div><!--/.nav-collapse -->                    
   
                </div>
            </div>
        </div>
        
        <div class="container">
			<?php $this->load->view($main_content);?>
            <footer>
            	<?php
            		if(!isset($scripts)){
	            		$scripts = '';
            		}
            		$this->load->view('templates/includes/footer',$scripts);
            	?>
            </footer>
        </div> <!-- /container -->
    </body>
</html>
